<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="/style/reset.css" />
    <style>
    .top{
      height: 40px;
      background-color: aquamarine;
      
    }
    .conternner{
      width: 1180px;
      margin: 0 auto;
      line-height: 40px;
    }
    .top-left{
      float: left;
      
    }
    .top-right{
      float: right;
    }
    .top-right li{
      float: left;
      
    }
     .top-right li a{
      padding: 0 15px;
      color: white;
      border-right: 1px solid #666;
     }
     .top-right li:last-child a{
      border-right: none;
      border: 0;
     }
     .top-right li:first-child a{
     padding-left: 0;
     }
    </style>
  <body>
       <div class="top">

        <div class="conternner">
          <div class="top-left ">
           欢迎你
        </div>

          <ul class="top-right">
            <li>
              <a href="#">首页</a>
            </li>
            <li>
              <a href="#">关于我们</a>
            </li>
            <li>
              <a href="#">新闻中心</a>
            </li>
          </ul>
        </div>

       </div> 

          
         
   
  </body>
</html>
 